<template>
	<view class="custom_vertical_list_rolltext">
		<swiper interval="2000" duration="250" :vertical="vertical" autoplay="true" acceleration="true" circular="true">
			<!-- #ifdef MP-WEIXIN -->
			<swiper-item wx:for="(txtItem, txtIndex) in item.content" wx:key="'rolltext_' + txtIndex">
				<navigator :url="txtItem.url">{{ txtItem.text }}</navigator>
			</swiper-item>
			<!-- #endif -->
			<!-- #ifndef MP-WEIXIN -->
			<swiper-item v-for="(txtItem, txtIndex) in item.content" :key="'rolltext_' + txtIndex">
				<navigator :url="txtItem.url">{{ txtItem.text }}</navigator>
			</swiper-item>
			<!-- #endif -->
		</swiper>
	</view>
</template>

<script>
export default {
	name: 'custom-vertical-list-rolltext',
	props: {
		item: {
			type: Object,
			default() {
				return {};
			}
		},
		vertical: {
			type: Boolean,
			default() {
				return true;
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="less">
.custom_vertical_list_rolltext {
	font-size: 24rpx;
	padding: 10rpx 0;
	uni-swiper {
		height: 30rpx;
	}
	swiper {
		height: 30rpx;
	}
}
</style>
